.ant-back-top {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: fixed;
    right: 100px;
    bottom: 50px;
    z-index: 10;
    width: 40px;
    height: 40px;
    cursor: pointer
}

.ant-back-top:empty {
    display: none
}

.ant-back-top-rtl {
    right: auto;
    left: 100px;
    direction: rtl
}

.ant-back-top-content {
    width: 40px;
    height: 40px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, .85);
    border-radius: 20px;
    transition: all .3s
}

.ant-back-top-content:hover {
    background-color: #000;
    transition: all .3s
}

.ant-back-top-icon {
    font-size: 24px;
    line-height: 40px
}

@media screen and (max-width:768px) {
    .ant-back-top {
        right: 60px
    }
}

@media screen and (max-width:480px) {
    .ant-back-top {
        right: 20px
    }
}

.sPYrkftgglgcqyg8E-Hw1 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100vw;
    height: 100vh;
    padding: 2rem 1rem;
    background: var(--bg);
    overflow: auto
}

.sPYrkftgglgcqyg8E-Hw1 header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem
}

.sPYrkftgglgcqyg8E-Hw1 header ._3jmZKBfWYIlO69xDtpXPz_ {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 600
}

.sPYrkftgglgcqyg8E-Hw1 header ._2qpDZJMLbJxyMk-9FsT68G {
    display: flex;
    flex-direction: column;
    color: var(--disable-text-color);
    cursor: pointer
}

.sPYrkftgglgcqyg8E-Hw1 header ._2qpDZJMLbJxyMk-9FsT68G svg {
    width: 25px;
    height: 25px
}

.sPYrkftgglgcqyg8E-Hw1 ul {
    list-style: circle
}

.sPYrkftgglgcqyg8E-Hw1 ul li {
    display: flex;
    align-items: center
}

.sPYrkftgglgcqyg8E-Hw1 ul li:hover {
    background: var(--bg-body)
}

.sPYrkftgglgcqyg8E-Hw1 ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 12px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._2BHtRLIf7EUPHvdL0oIKeR {
    position: relative;
    height: 24px;
    width: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

._2BHtRLIf7EUPHvdL0oIKeR ._3FbZOtsOBAPa2UFFqIaC_z {
    position: relative;
    z-index: 3;
    background: var(--sun-color);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid var(--bg)
}

._2BHtRLIf7EUPHvdL0oIKeR ._3Gvr4LAEinc-IIBjwFSMH_ {
    width: 2px;
    background: var(--sun-color);
    display: block;
    height: 125%;
    position: absolute;
    z-index: 2;
    transition: all .4s, height .3s ease-in-out
}

._2BHtRLIf7EUPHvdL0oIKeR ._3Gvr4LAEinc-IIBjwFSMH_:first-child {
    transform: rotate(calc(1 * calc(1turn / 12)))
}

._2BHtRLIf7EUPHvdL0oIKeR ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(2) {
    transform: rotate(calc(2 * calc(1turn / 12)))
}

._2BHtRLIf7EUPHvdL0oIKeR ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(3) {
    transform: rotate(calc(3 * calc(1turn / 12)))
}

._2BHtRLIf7EUPHvdL0oIKeR ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(4) {
    transform: rotate(calc(4 * calc(1turn / 12)))
}

._2BHtRLIf7EUPHvdL0oIKeR ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(5) {
    transform: rotate(calc(5 * calc(1turn / 12)))
}

._2BHtRLIf7EUPHvdL0oIKeR ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(6) {
    transform: rotate(calc(6 * calc(1turn / 12)))
}

._2BHtRLIf7EUPHvdL0oIKeR ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(7) {
    transform: rotate(calc(7 * calc(1turn / 12)))
}

._2BHtRLIf7EUPHvdL0oIKeR ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(8) {
    transform: rotate(calc(8 * calc(1turn / 12)))
}

._2BHtRLIf7EUPHvdL0oIKeR ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(9) {
    transform: rotate(calc(9 * calc(1turn / 12)))
}

._2BHtRLIf7EUPHvdL0oIKeR ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(10) {
    transform: rotate(calc(10 * calc(1turn / 12)))
}

._2BHtRLIf7EUPHvdL0oIKeR ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(11) {
    transform: rotate(calc(11 * calc(1turn / 12)))
}

._2BHtRLIf7EUPHvdL0oIKeR ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(12) {
    transform: rotate(calc(12 * calc(1turn / 12)))
}

._2BHtRLIf7EUPHvdL0oIKeR:hover ._3Gvr4LAEinc-IIBjwFSMH_:first-child {
    transform: rotate(calc(calc(1 * calc(1turn / 12)) - 20deg))
}

._2BHtRLIf7EUPHvdL0oIKeR:hover ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(2) {
    transform: rotate(calc(calc(2 * calc(1turn / 12)) - 20deg))
}

._2BHtRLIf7EUPHvdL0oIKeR:hover ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(3) {
    transform: rotate(calc(calc(3 * calc(1turn / 12)) - 20deg))
}

._2BHtRLIf7EUPHvdL0oIKeR:hover ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(4) {
    transform: rotate(calc(calc(4 * calc(1turn / 12)) - 20deg))
}

._2BHtRLIf7EUPHvdL0oIKeR:hover ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(5) {
    transform: rotate(calc(calc(5 * calc(1turn / 12)) - 20deg))
}

._2BHtRLIf7EUPHvdL0oIKeR:hover ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(6) {
    transform: rotate(calc(calc(6 * calc(1turn / 12)) - 20deg))
}

._2BHtRLIf7EUPHvdL0oIKeR:hover ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(7) {
    transform: rotate(calc(calc(7 * calc(1turn / 12)) - 20deg))
}

._2BHtRLIf7EUPHvdL0oIKeR:hover ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(8) {
    transform: rotate(calc(calc(8 * calc(1turn / 12)) - 20deg))
}

._2BHtRLIf7EUPHvdL0oIKeR:hover ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(9) {
    transform: rotate(calc(calc(9 * calc(1turn / 12)) - 20deg))
}

._2BHtRLIf7EUPHvdL0oIKeR:hover ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(10) {
    transform: rotate(calc(calc(10 * calc(1turn / 12)) - 20deg))
}

._2BHtRLIf7EUPHvdL0oIKeR:hover ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(11) {
    transform: rotate(calc(calc(11 * calc(1turn / 12)) - 20deg))
}

._2BHtRLIf7EUPHvdL0oIKeR:hover ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(12) {
    transform: rotate(calc(calc(12 * calc(1turn / 12)) - 20deg))
}

._2BHtRLIf7EUPHvdL0oIKeR ._2DxxB4r6HYBEDcLqnvTKMg {
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    transform: scale(0) translate(-100%, 35%);
    z-index: 9;
    transition: transform .4s;
    transform-origin: right;
    background: var(--sun-color)
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._3FbZOtsOBAPa2UFFqIaC_z {
    border-color: var(--sun-color)
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._2DxxB4r6HYBEDcLqnvTKMg {
    height: 28px;
    width: 28px;
    transform: scale(1) translate(35%, -35%);
    background: var(--bg)
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN:hover ._2DxxB4r6HYBEDcLqnvTKMg {
    transform: scale(1) translate(20%, -40%)
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._3Gvr4LAEinc-IIBjwFSMH_ {
    height: 0;
    transition: .4s, transform .4s, height .2s .1s
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._3Gvr4LAEinc-IIBjwFSMH_:first-child {
    transform: rotate(calc(calc(1 * calc(1turn / 12)) - 45deg))
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(2) {
    transform: rotate(calc(calc(2 * calc(1turn / 12)) - 45deg))
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(3) {
    transform: rotate(calc(calc(3 * calc(1turn / 12)) - 45deg))
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(4) {
    transform: rotate(calc(calc(4 * calc(1turn / 12)) - 45deg))
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(5) {
    transform: rotate(calc(calc(5 * calc(1turn / 12)) - 45deg))
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(6) {
    transform: rotate(calc(calc(6 * calc(1turn / 12)) - 45deg))
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(7) {
    transform: rotate(calc(calc(7 * calc(1turn / 12)) - 45deg))
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(8) {
    transform: rotate(calc(calc(8 * calc(1turn / 12)) - 45deg))
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(9) {
    transform: rotate(calc(calc(9 * calc(1turn / 12)) - 45deg))
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(10) {
    transform: rotate(calc(calc(10 * calc(1turn / 12)) - 45deg))
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(11) {
    transform: rotate(calc(calc(11 * calc(1turn / 12)) - 45deg))
}

._2BHtRLIf7EUPHvdL0oIKeR._1M2d1ahyt0GjdRDlVxVqCN ._3Gvr4LAEinc-IIBjwFSMH_:nth-child(12) {
    transform: rotate(calc(calc(12 * calc(1turn / 12)) - 45deg))
}

._3qxGtLoeoc9_cTrMop-zTn {
    position: relative;
    width: 100%;
    height: 64px;
    transition: all .3s ease-in-out
}

._3M_Iyty-_u6Mq1VeSk14Rq {
    position: relative;
    z-index: 100;
    width: 100vw;
    height: 64px;
    background-color: var(--bg);
    border-bottom: 1px solid var(--border-color)
}

._3M_Iyty-_u6Mq1VeSk14Rq._3dn6ORHCuIpDSwX5aB7mko {
    box-shadow: var(--box-shadow)
}

._3M_Iyty-_u6Mq1VeSk14Rq._3CAUOCuApZNNMTj9gr8c96 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: all .2s;
    transform: translate3d(0, -100%, 0)
}

._3M_Iyty-_u6Mq1VeSk14Rq._3CAUOCuApZNNMTj9gr8c96.Pwnqleyloau-FlEJPBmRj {
    transform: translateZ(0)
}

._3M_Iyty-_u6Mq1VeSk14Rq>div {
    position: relative;
    display: flex;
    align-items: center
}

._3M_Iyty-_u6Mq1VeSk14Rq ._3U9PAhHDbA5NYPGpvj3gix {
    height: 64px;
    margin-right: 4rem;
    color: var(--main-text-color);
    line-height: 64px;
    text-align: left
}

._3M_Iyty-_u6Mq1VeSk14Rq ._3U9PAhHDbA5NYPGpvj3gix img {
    display: inline-block;
    height: 36px
}

._3M_Iyty-_u6Mq1VeSk14Rq ._1m0pVz8iNOboGDqVTeBfmy {
    position: absolute;
    right: 15px;
    display: none
}

._3M_Iyty-_u6Mq1VeSk14Rq ._1m0pVz8iNOboGDqVTeBfmy ._2-i62DvrXpASKd_zBrhHUV {
    width: 25px;
    height: 4px;
    border-radius: var(--border-radius);
    background-color: var(--primary-color);
    opacity: 1;
    transition: all .25s ease-in-out 0s
}

._3M_Iyty-_u6Mq1VeSk14Rq ._1m0pVz8iNOboGDqVTeBfmy ._2-i62DvrXpASKd_zBrhHUV:nth-of-type(2) {
    margin: 5px 0
}

._3M_Iyty-_u6Mq1VeSk14Rq ._1m0pVz8iNOboGDqVTeBfmy._1KU4i5t4zJjAhq0ZlikqlG ._2-i62DvrXpASKd_zBrhHUV:first-of-type {
    transform: translateY(9px) rotate(45deg)
}

._3M_Iyty-_u6Mq1VeSk14Rq ._1m0pVz8iNOboGDqVTeBfmy._1KU4i5t4zJjAhq0ZlikqlG ._2-i62DvrXpASKd_zBrhHUV:nth-of-type(2) {
    opacity: 0
}

._3M_Iyty-_u6Mq1VeSk14Rq ._1m0pVz8iNOboGDqVTeBfmy._1KU4i5t4zJjAhq0ZlikqlG ._2-i62DvrXpASKd_zBrhHUV:last-of-type {
    transform: translateY(-9px) rotate(-45deg)
}

._3M_Iyty-_u6Mq1VeSk14Rq nav {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    color: var(--main-text-color);
    font-size: 16px
}

._3M_Iyty-_u6Mq1VeSk14Rq nav>ul {
    position: relative;
    width: 100%
}

._3M_Iyty-_u6Mq1VeSk14Rq nav>ul>li {
    display: inline-flex;
    padding: 0 20px;
    vertical-align: middle;
    line-height: 64px
}

._3M_Iyty-_u6Mq1VeSk14Rq nav>ul>li._38OmGXMfjYo_xu-5O1rJEK {
    font-size: 24px
}

._3M_Iyty-_u6Mq1VeSk14Rq nav>ul>li:first-of-type {
    padding-left: 0
}

._3M_Iyty-_u6Mq1VeSk14Rq nav>ul>li._1KU4i5t4zJjAhq0ZlikqlG,
._3M_Iyty-_u6Mq1VeSk14Rq nav>ul>li:hover {
    color: var(--primary-color)
}

._3M_Iyty-_u6Mq1VeSk14Rq nav>ul>li a {
    width: 100%;
    color: inherit
}

._3M_Iyty-_u6Mq1VeSk14Rq nav>ul ._38OmGXMfjYo_xu-5O1rJEK {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
    float: right
}

@media (max-width:768px) {
    ._3M_Iyty-_u6Mq1VeSk14Rq nav>ul>li {
        text-align: center
    }

    ._3M_Iyty-_u6Mq1VeSk14Rq nav>ul>li:first-child {
        margin-top: 24px
    }

    ._3M_Iyty-_u6Mq1VeSk14Rq nav>ul ._38OmGXMfjYo_xu-5O1rJEK {
        height: 48px;
        float: none
    }

    ._3M_Iyty-_u6Mq1VeSk14Rq nav {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100vw;
        max-height: 0;
        padding: 0 15px;
        margin-left: 0;
        background-color: var(--bg);
        overflow: hidden;
        transition: max-height .25s;
        z-index: 100
    }

    ._3M_Iyty-_u6Mq1VeSk14Rq nav._1KU4i5t4zJjAhq0ZlikqlG {
        max-height: 100vh;
        overflow: auto
    }

    ._3M_Iyty-_u6Mq1VeSk14Rq nav>ul {
        width: 100%
    }

    ._3M_Iyty-_u6Mq1VeSk14Rq nav>ul>li {
        display: flex;
        padding: 0;
        line-height: 48px
    }

    ._3M_Iyty-_u6Mq1VeSk14Rq ._1m0pVz8iNOboGDqVTeBfmy {
        display: block
    }
}

.ant-result {
    padding: 48px 32px
}

.ant-result-success .ant-result-icon>.anticon {
    color: #52c41a
}

.ant-result-error .ant-result-icon>.anticon {
    color: #ff4d4f
}

.ant-result-info .ant-result-icon>.anticon {
    color: #f40a12
}

.ant-result-warning .ant-result-icon>.anticon {
    color: #faad14
}

.ant-result-image {
    width: 250px;
    height: 295px;
    margin: auto
}

.ant-result-icon {
    margin-bottom: 24px;
    text-align: center
}

.ant-result-icon>.anticon {
    font-size: 72px
}

.ant-result-title {
    color: #333;
    font-size: 24px;
    line-height: 1.8;
    text-align: center
}

.ant-result-subtitle {
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    line-height: 1.6;
    text-align: center
}

.ant-result-extra {
    margin: 24px 0 0;
    text-align: center
}

.ant-result-extra>* {
    margin-right: 8px
}

.ant-result-extra>:last-child {
    margin-right: 0
}

.ant-result-content {
    margin-top: 24px;
    padding: 24px 40px;
    background-color: #fafafa
}

.ant-result-rtl {
    direction: rtl
}

.ant-result-rtl .ant-result-extra>* {
    margin-right: 0;
    margin-left: 8px
}

.ant-result-rtl .ant-result-extra>:last-child {
    margin-left: 0
}

.ant-breadcrumb {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    color: rgba(0, 0, 0, .85);
    font-size: 14px
}

.ant-breadcrumb .anticon {
    font-size: 14px
}

.ant-breadcrumb a {
    color: rgba(0, 0, 0, .85);
    transition: color .3s
}

.ant-breadcrumb a:hover {
    color: #f33
}

.ant-breadcrumb>span:last-child,
.ant-breadcrumb>span:last-child a {
    color: #000
}

.ant-breadcrumb>span:last-child .ant-breadcrumb-separator {
    display: none
}

.ant-breadcrumb-separator {
    margin: 0 8px;
    color: rgba(0, 0, 0, .85)
}

.ant-breadcrumb-link>.anticon+a,
.ant-breadcrumb-link>.anticon+span,
.ant-breadcrumb-overlay-link>.anticon {
    margin-left: 4px
}

.ant-breadcrumb-rtl {
    direction: rtl
}

.ant-breadcrumb-rtl:before {
    display: table;
    content: ""
}

.ant-breadcrumb-rtl:after {
    display: table;
    clear: both;
    content: ""
}

.ant-breadcrumb-rtl>span {
    float: right
}

.ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+a,
.ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+span,
.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link>.anticon {
    margin-right: 4px;
    margin-left: 0
}

.copy-code-btn {
    position: absolute;
    top: 8px;
    right: 5px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    color: hsla(0, 0%, 54.9%, .8);
    transition: color .1s
}

._1sKidYwHy5rfKd_e6Z5wYv>header {
    color: var(--main-text-color);
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 12px
}

._1sKidYwHy5rfKd_e6Z5wYv>main>div {
    position: relative;
    max-height: 50vh;
    padding: 0 10px;
    overflow: auto
}

._1sKidYwHy5rfKd_e6Z5wYv>main>div>div {
    position: relative
}

._1sKidYwHy5rfKd_e6Z5wYv>main>div>div:before {
    content: "";
    position: absolute;
    top: 0;
    left: 2px;
    bottom: 0;
    width: 2px;
    background-color: var(--border-color);
    opacity: .5
}

._3qXCrOzOrs8M_4-seSIIy4 {
    position: relative;
    z-index: 10;
    padding: 4px 0 4px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._3qXCrOzOrs8M_4-seSIIy4._2XFs_bs8wvk8RFtVoqjKwn,
._3qXCrOzOrs8M_4-seSIIy4:hover {
    color: var(--primary-color)
}

._3qXCrOzOrs8M_4-seSIIy4:before {
    content: "";
    position: absolute;
    top: 50%;
    left: var(--dot-left);
    margin-top: -2px;
    width: var(--dot-width);
    height: var(--dot-width);
    background-color: currentColor;
    border-radius: 50%
}

._1Q_nOs9KoJ4s9_MZ1Ojq-A {
    position: absolute;
    left: -4px;
    border-radius: var(--border-radius);
    background: var(--bg-code);
    opacity: .5;
    width: 100%;
    height: 32px;
    padding: 4px 0 4px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._1PHJAeCOolx-T8BaNjMwBv {
    padding: 1rem;
    background: var(--bg-second);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius)
}

._1PHJAeCOolx-T8BaNjMwBv ._36ecn75oMuoEAqu26ua6rb {
    width: 100%
}

._1PHJAeCOolx-T8BaNjMwBv ._36ecn75oMuoEAqu26ua6rb img {
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: var(--border-radius)
}

._1PHJAeCOolx-T8BaNjMwBv .SU8jTKpxU-YwxHLmnQU9S {
    text-align: center
}

._1PHJAeCOolx-T8BaNjMwBv .SU8jTKpxU-YwxHLmnQU9S ._2cky5LWx5lBlMgCxPs3lKZ {
    margin: .67em 0 0;
    color: inherit;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1rem;
    line-height: 1.5;
    text-align: center
}

._1PHJAeCOolx-T8BaNjMwBv .SU8jTKpxU-YwxHLmnQU9S ._31PkRVXZM2YAMHigLQ46EH {
    margin-bottom: 1.2em;
    color: inherit;
    font-style: italic;
    text-align: center
}

._1PHJAeCOolx-T8BaNjMwBv ._1F8nZG_3e-sxtkzObh163H {
    padding: 21px 0;
    margin-top: 30px;
    line-height: 28px;
    color: var(--second-text-color);
    border-top: 1px dashed var(--border-color)
}

._1PHJAeCOolx-T8BaNjMwBv ._2qMEw2QUMeyQzgM1G1J4P {
    color: #655e5e;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 21px
}

._1PHJAeCOolx-T8BaNjMwBv .YaNnA2xi5_ckaCl-8aYYR {
    font-size: 12px;
    margin: 0 -8px
}

._1PHJAeCOolx-T8BaNjMwBv .YaNnA2xi5_ckaCl-8aYYR ._1y5dd5_oonveH-Ckt8h6So {
    display: inline-block;
    padding: 0 8px
}

._1PHJAeCOolx-T8BaNjMwBv .YaNnA2xi5_ckaCl-8aYYR ._27edTqLaiZQOOyhXD5mE5j {
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid var(--border-color);
    border-radius: 2px;
    color: var(--second-text-color);
    background-color: var(--bg-second);
    font-size: 14px;
    text-decoration: none;
    margin-top: .5rem
}

._1PHJAeCOolx-T8BaNjMwBv .YaNnA2xi5_ckaCl-8aYYR ._27edTqLaiZQOOyhXD5mE5j:hover {
    color: #fff;
    background-color: var(--primary-color)
}

._1PHJAeCOolx-T8BaNjMwBv .YaNnA2xi5_ckaCl-8aYYR ._27edTqLaiZQOOyhXD5mE5j span {
    margin-left: 8px
}

._2fbSjwHbQJCAkZhQzBf7Nu._2SN-sPNlVoofI2YBe9lbj6 {
    box-shadow: var(--box-shadow);
    background: var(--bg-second)
}

._2fbSjwHbQJCAkZhQzBf7Nu ._2cky5LWx5lBlMgCxPs3lKZ {
    margin: 1rem 0;
    color: var(--main-text-color);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .06em
}

._2fbSjwHbQJCAkZhQzBf7Nu>header {
    color: var(--main-text-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px
}

.NlF4wHf_LQ24pek4YOG_X {
    height: 100%;
    padding: 1rem 0;
    background-color: var(--bg-body)
}

._2Gvne-S9joIn-oiS8u5XXv {
    margin-bottom: 16px
}

._2Gvne-S9joIn-oiS8u5XXv a,
._2Gvne-S9joIn-oiS8u5XXv span {
    color: var(--second-text-color) !important
}

._3kQ1Vl_751MJWlFiA4mkIJ>article {
    padding: 1rem;
    background: var(--bg-second);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow)
}

._3kQ1Vl_751MJWlFiA4mkIJ>article ._1sHvTwlFk1qI5GYNQQYAOA {
    text-align: center
}

._3kQ1Vl_751MJWlFiA4mkIJ>article ._1sHvTwlFk1qI5GYNQQYAOA ._1gyFGCKvmuw_-FCv8gpxCM {
    color: inherit;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1rem;
    line-height: 1.5;
    text-align: center
}

._3kQ1Vl_751MJWlFiA4mkIJ>article ._1sHvTwlFk1qI5GYNQQYAOA ._3kL5VVYs3ZqoG6F75pb9FZ {
    margin-bottom: 1.2em;
    color: inherit;
    font-style: italic;
    text-align: center
}

._3kQ1Vl_751MJWlFiA4mkIJ>article .WsHfV3fGKFel9niUnWSq3 {
    color: #655e5e;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 21px
}

._3kQ1Vl_751MJWlFiA4mkIJ>article ._32z-oHrkPFOCJ0FoSxx3WN {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, .07);
    padding: 20px 0;
    margin-top: 20px
}

._3kQ1Vl_751MJWlFiA4mkIJ>article ._32z-oHrkPFOCJ0FoSxx3WN>div {
    position: relative;
    width: 40%;
    padding: 8px;
    border-radius: var(--border-radius);
    background: var(--bg-second);
    border: 1px solid var(--border-color);
    box-shadow: var(--box-shadow);
    overflow: hidden
}

._3kQ1Vl_751MJWlFiA4mkIJ>article ._32z-oHrkPFOCJ0FoSxx3WN>div:hover {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

._3kQ1Vl_751MJWlFiA4mkIJ>article ._32z-oHrkPFOCJ0FoSxx3WN>div>a {
    display: flex;
    align-items: center;
    padding: 1rem .5rem;
    overflow: hidden
}

._3kQ1Vl_751MJWlFiA4mkIJ>article ._32z-oHrkPFOCJ0FoSxx3WN>div>a span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 30px)
}

._3kQ1Vl_751MJWlFiA4mkIJ>article ._32z-oHrkPFOCJ0FoSxx3WN>div._1tv35f3f1-0IbnKHej4MDB {
    text-align: right
}

._3kQ1Vl_751MJWlFiA4mkIJ>article ._32z-oHrkPFOCJ0FoSxx3WN>div._1tv35f3f1-0IbnKHej4MDB>a {
    justify-content: flex-end
}

._3kQ1Vl_751MJWlFiA4mkIJ ._3CYEcDufMKzdQRUqbAurx3._3lW0JlZNK7BA1YnTGZhOjW {
    box-shadow: var(--box-shadow);
    background: var(--bg-second)
}

._3kQ1Vl_751MJWlFiA4mkIJ ._3CYEcDufMKzdQRUqbAurx3 ._1gyFGCKvmuw_-FCv8gpxCM {
    margin: 1rem 0;
    color: var(--main-text-color);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .06em
}

._3kQ1Vl_751MJWlFiA4mkIJ ._3CYEcDufMKzdQRUqbAurx3>header {
    color: var(--main-text-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px
}

._24iEkzEiSdi7FORkH9-_wX {
    padding: .8rem 0;
    border-radius: var(--border-radius)
}

._24iEkzEiSdi7FORkH9-_wX._3lW0JlZNK7BA1YnTGZhOjW {
    background: var(--bg-second);
    padding: .8rem
}

._24iEkzEiSdi7FORkH9-_wX._3lW0JlZNK7BA1YnTGZhOjW>main {
    max-height: 200px;
    overflow: auto;
    scroll-behavior: smooth;
    overscroll-behavior: contain
}

._24iEkzEiSdi7FORkH9-_wX>header {
    color: var(--main-text-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px
}

._24iEkzEiSdi7FORkH9-_wX>main>ul li {
    border-radius: var(--border-radius)
}

._24iEkzEiSdi7FORkH9-_wX>main>ul li:hover {
    background-color: var(--bg-body)
}

._24iEkzEiSdi7FORkH9-_wX>main>ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 32px;
    font-size: 14px;
    line-height: 20px;
    padding-left: 12px;
    padding-right: 16px
}

._24iEkzEiSdi7FORkH9-_wX>main>ul li a._1AE91DOGp-_NT3MiJxTOk,
._24iEkzEiSdi7FORkH9-_wX>main>ul li a:hover {
    color: var(--primary-color)
}

._3dE21Z8kljGaURC-u52HoH {
    width: 100%;
    overflow: hidden;
    padding: 1rem;
    background-color: var(--bg-second);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow)
}

.XifRPckEIhR-ii13RLWBw {
    position: relative
}

.XifRPckEIhR-ii13RLWBw+.XifRPckEIhR-ii13RLWBw {
    margin-top: 2rem
}

.XifRPckEIhR-ii13RLWBw:after {
    content: "";
    position: absolute;
    bottom: -1rem;
    width: 100%;
    height: 1px;
    background: var(--border-color)
}

.XifRPckEIhR-ii13RLWBw:last-of-type:after {
    height: 0
}

.XifRPckEIhR-ii13RLWBw:hover header ._1vA_Or4uXSUk_Q0pAjXNAk {
    color: var(--primary-color)
}

.XifRPckEIhR-ii13RLWBw:hover main ._1RUkQHMUEKR84DQvX4ZPGy .uzxZQqwvdEFwe6mgNPeYD {
    font-weight: 500
}

.XifRPckEIhR-ii13RLWBw header {
    display: flex;
    align-items: center
}

.XifRPckEIhR-ii13RLWBw header ._1vA_Or4uXSUk_Q0pAjXNAk {
    color: var(--main-text-color);
    overflow: hidden;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-synthesis: style
}

.XifRPckEIhR-ii13RLWBw header ._37XZHWLrCz-FDEOzkwvIHD {
    color: #8590a6
}

.XifRPckEIhR-ii13RLWBw main {
    display: flex;
    flex-wrap: nowrap;
    padding-top: 12px
}

.XifRPckEIhR-ii13RLWBw main ._2Cv_sMdeyVvYq6XC91OAQX {
    position: relative;
    flex: 0 0 auto;
    width: 190px;
    max-height: 150px;
    min-height: 100px;
    border-radius: var(--border-radius);
    margin-right: 1rem;
    overflow: hidden
}

.XifRPckEIhR-ii13RLWBw main ._2Cv_sMdeyVvYq6XC91OAQX img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    transform: translate3d(-50%, -50%, 0);
    object-fit: cover
}

.XifRPckEIhR-ii13RLWBw main ._1RUkQHMUEKR84DQvX4ZPGy {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.XifRPckEIhR-ii13RLWBw main ._1RUkQHMUEKR84DQvX4ZPGy .uzxZQqwvdEFwe6mgNPeYD {
    display: -webkit-box;
    max-width: 100%;
    color: var(--main-text-color);
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.XifRPckEIhR-ii13RLWBw main ._1RUkQHMUEKR84DQvX4ZPGy ._2-5WsQK_Q67xXsuDTBYLqO {
    width: 100%;
    color: #8590a6;
    font-size: 14px;
    line-height: 20px;
    margin-top: .8rem
}

.XifRPckEIhR-ii13RLWBw main ._1RUkQHMUEKR84DQvX4ZPGy ._2-5WsQK_Q67xXsuDTBYLqO .aAj27t_TOL5PyHxn0uc08 {
    margin: 0 8px
}

.XifRPckEIhR-ii13RLWBw main ._1RUkQHMUEKR84DQvX4ZPGy ._2-5WsQK_Q67xXsuDTBYLqO .MxfDTpSSoWKL3RwXzbvFj {
    margin-left: 6px;
    color: var(--second-text-color)
}

@media (max-width:658px) {
    .XifRPckEIhR-ii13RLWBw>a {
        flex-direction: column
    }

    .XifRPckEIhR-ii13RLWBw header {
        flex-direction: column;
        align-items: flex-start
    }

    .XifRPckEIhR-ii13RLWBw header ._2vFIdR7o0i5RPcwxmGqkn7 {
        font-size: .8em
    }

    .XifRPckEIhR-ii13RLWBw header ._2vFIdR7o0i5RPcwxmGqkn7>div:first-of-type {
        display: none
    }

    .XifRPckEIhR-ii13RLWBw main {
        flex-wrap: wrap
    }

    .XifRPckEIhR-ii13RLWBw main ._2Cv_sMdeyVvYq6XC91OAQX {
        width: 100%;
        max-width: 100%;
        min-height: 160px;
        margin-right: 0;
        margin-bottom: 1rem
    }
}

._17xg_Uj0Bv758wYxH8pUyB {
    position: relative;
    height: 100%
}

._1t2rVgBPz8M9qwAr17sVyW {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-position-x: 50%;
    background-position-y: 17%;
    opacity: .2;
    -webkit-background-size: cover;
    background-size: cover;
    filter: blur(20px)
}

._3osL_ruI0cY_acDyk7fPBc {
    position: relative;
    z-index: 2;
    padding-top: 1rem
}

._3osL_ruI0cY_acDyk7fPBc a,
._3osL_ruI0cY_acDyk7fPBc span {
    color: var(--second-text-color) !important
}

._2KiElqNlNiOb400crvLXp_ {
    position: relative;
    z-index: 2;
    text-align: center
}

._2KiElqNlNiOb400crvLXp_ ._3UiAcfZHhE3n0ISBQ26csd {
    width: 100%;
    border-radius: var(--border-radius);
    margin: 1rem auto;
    overflow: hidden
}

._2KiElqNlNiOb400crvLXp_ ._3UiAcfZHhE3n0ISBQ26csd img {
    width: 100%;
    height: 100%;
    border-top-right-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
    object-fit: cover
}

._2KiElqNlNiOb400crvLXp_ ._2Anl2UOlqXVqpsRdBHbjee {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden
}

._2KiElqNlNiOb400crvLXp_ ._2Anl2UOlqXVqpsRdBHbjee ._38mtgKp3kF0sl0CPqcXCr {
    color: var(--main-text-color);
    overflow: hidden;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-synthesis: style
}

._2KiElqNlNiOb400crvLXp_ ._2Anl2UOlqXVqpsRdBHbjee ._2KiElqNlNiOb400crvLXp_ {
    display: -webkit-box;
    max-width: 100%;
    margin-top: .8rem;
    color: var(--second-text-color);
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._2KiElqNlNiOb400crvLXp_ ._2Anl2UOlqXVqpsRdBHbjee ._2OCK4h4MhPhfi5hXsERjF6 {
    width: 100%;
    margin-top: .4rem;
    color: #8590a6;
    font-size: 14px;
    line-height: 20px
}

._2KiElqNlNiOb400crvLXp_ ._2Anl2UOlqXVqpsRdBHbjee ._2OCK4h4MhPhfi5hXsERjF6 ._3f9UlP3M9s-ZwYvdDunr6v {
    margin: 0 4px
}

@media (max-width:768px) {
    ._2KiElqNlNiOb400crvLXp_ ._2Anl2UOlqXVqpsRdBHbjee ._2OCK4h4MhPhfi5hXsERjF6 {
        flex-wrap: wrap
    }
}

._2KiElqNlNiOb400crvLXp_ ._2Anl2UOlqXVqpsRdBHbjee .ga5BV4q_7-gSHbHryBWfx {
    margin-top: .8rem
}

._2UTUWlplOlKdNijjElaV1p {
    position: relative;
    z-index: 2
}

._3TXwBqbIYTFMKAc3SRF0Pr>header {
    color: var(--main-text-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 22px
}

._3TXwBqbIYTFMKAc3SRF0Pr>main {
    margin-top: 1rem
}

._3TXwBqbIYTFMKAc3SRF0Pr>main.QiGjUNedfkQdkJgVr40al {
    background-color: var(--bg-second);
    padding: .8rem;
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius)
}

._3TXwBqbIYTFMKAc3SRF0Pr>main ul {
    margin-top: 2rem
}

._3TXwBqbIYTFMKAc3SRF0Pr>main ul li {
    border-radius: var(--border-radius)
}

._3TXwBqbIYTFMKAc3SRF0Pr>main ul li:hover {
    background-color: var(--bg-body)
}

._3TXwBqbIYTFMKAc3SRF0Pr>main ul li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    font-size: 14px;
    line-height: 20px;
    padding-left: 12px;
    padding-right: 16px;
    color: var(--main-text-color)
}

._3TXwBqbIYTFMKAc3SRF0Pr>main ul li a>span:last-of-type {
    opacity: 0
}

@media (max-width:768px) {
    ._3TXwBqbIYTFMKAc3SRF0Pr>main ul li a>span:last-of-type {
        display: none
    }
}

._3TXwBqbIYTFMKAc3SRF0Pr>main ul li a:hover {
    color: var(--primary-color)
}

._3TXwBqbIYTFMKAc3SRF0Pr>main ul li a:hover>span:last-of-type {
    opacity: 1
}

._3TXwBqbIYTFMKAc3SRF0Pr>main ul li a i {
    margin-left: 8px
}

._2eTSIHniNOTwaUvnm4wn7- {
    position: relative;
    margin-top: 21px
}

._2L8foJ_rg3AcilvSKA2iq7 {
    width: 100%;
    max-width: 768px;
    padding-bottom: 1.5rem;
    margin: 0 auto
}

._2L8foJ_rg3AcilvSKA2iq7 img {
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: var(--border-radius)
}

._1TDituBtews_ULM98bSKdc {
    max-width: 800px;
    padding: 0 8px 21px;
    margin: 0 auto
}

._1TDituBtews_ULM98bSKdc>div {
    padding-top: .5rem
}

@media (max-width:768px) {
    ._1TDituBtews_ULM98bSKdc {
        padding-right: 0;
        padding-left: 0
    }
}

._10wT67E6AAzqcEqLI7jUbZ {
    padding: 1rem 0;
    border-top: 1px solid var(--border-color);
    background: var(--bg-body)
}

._3GUiOO804xme2-agc9WfvC {
    max-width: 800px;
    padding: 0 16px;
    margin: 0 auto
}

._3GUiOO804xme2-agc9WfvC ._1hXJ8FkJwAyuM2-YNk-KH8 {
    margin-bottom: 30px;
    color: var(--main-text-color);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .06em
}

._3GUiOO804xme2-agc9WfvC ._3E53JQDjSQhUYjr-yCJTky {
    border-radius: 4px;
    margin-bottom: 35px
}

._3ZUDOCREZiU7HtQwpEsqZZ {
    max-width: 800px;
    padding: 0 16px;
    margin: 0 auto
}

._3ZUDOCREZiU7HtQwpEsqZZ p._1hXJ8FkJwAyuM2-YNk-KH8 {
    margin-bottom: 30px;
    color: var(--main-text-color);
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: .06em
}

._3ZUDOCREZiU7HtQwpEsqZZ ._13a0ieTbw4mPlAdNBWux3c>div {
    background-color: transparent !important;
    box-shadow: none !important
}

@media (max-width:768px) {
    ._3ZUDOCREZiU7HtQwpEsqZZ ._13a0ieTbw4mPlAdNBWux3c {
        box-shadow: none
    }
}

._3KFGvyCY0omWyEQOzioDDk {
    border-radius: var(--border-radius);
    margin-bottom: 1.3rem;
    background-color: var(--bg-second);
    box-shadow: var(--box-shadow);
    line-height: 1.29;
    overflow: hidden
}

._3KFGvyCY0omWyEQOzioDDk ._2b0LQ_j7dN-JQtnGkqmrDz {
    padding: 1rem 1.3rem;
    border-bottom: 1px solid var(--border-color);
    color: var(--main-text-color);
    font-weight: 700
}

._3KFGvyCY0omWyEQOzioDDk ul {
    padding: 1rem
}

._3KFGvyCY0omWyEQOzioDDk li {
    padding: 8px 7px;
    border-radius: var(--border-radius);
    color: var(--second-text-color);
    line-height: 1.5em;
    transition: all .2s ease-in-out
}

._3KFGvyCY0omWyEQOzioDDk li a {
    display: inline-flex;
    justify-content: space-between;
    width: 100%
}

._3KFGvyCY0omWyEQOzioDDk li a>span:first-of-type {
    color: var(var(--main-text-color))
}

._3KFGvyCY0omWyEQOzioDDk li:hover {
    color: var(--primary-color)
}

._3KFGvyCY0omWyEQOzioDDk li:hover a>span:first-of-type {
    color: inherit
}

._3KFGvyCY0omWyEQOzioDDk li._11fDyHlv92eLfeTGNCTF9Y {
    color: #fff;
    background-color: var(--primary-color)
}

._3KFGvyCY0omWyEQOzioDDk li._11fDyHlv92eLfeTGNCTF9Y a>span:first-of-type {
    color: inherit
}

._31uY1VinxiwKyG_XZXFpv {
    background-color: var(--bg-second);
    box-shadow: var(--box-shadow)
}

._1tJ6zWK6o_q8KafBWysrmZ {
    padding: 16px 0;
    border-bottom: 1px solid var(--border-color);
    background-color: var(--bg-second);
    text-align: center
}

._1tJ6zWK6o_q8KafBWysrmZ i {
    color: var(--disable-text-color);
    font-size: 2.5rem
}

._1tJ6zWK6o_q8KafBWysrmZ p {
    margin-bottom: 0
}

._1tJ6zWK6o_q8KafBWysrmZ p:first-of-type {
    margin-top: .5rem
}

._1tJ6zWK6o_q8KafBWysrmZ p:first-of-type span {
    color: var(--primary-color);
    font-size: 1.5rem
}

._1tJ6zWK6o_q8KafBWysrmZ p:last-of-type span {
    color: var(--primary-color);
    font-size: 1.1rem
}

.GIf9xHwpzxlxHcDyE8sCn {
    padding: 1rem 1.3rem
}

.GIf9xHwpzxlxHcDyE8sCn+.GIf9xHwpzxlxHcDyE8sCn {
    margin-top: 1.5rem
}

.GIf9xHwpzxlxHcDyE8sCn h2 {
    color: var(--main-text-color);
    font-size: 1.5rem
}

.GIf9xHwpzxlxHcDyE8sCn ._172XrbegThYDU7WfEHTUpM {
    padding: .5rem 1rem;
    border-radius: 4px
}

.GIf9xHwpzxlxHcDyE8sCn ._172XrbegThYDU7WfEHTUpM+._172XrbegThYDU7WfEHTUpM {
    margin-top: .75rem
}

.GIf9xHwpzxlxHcDyE8sCn ._172XrbegThYDU7WfEHTUpM ul {
    padding-left: 2.5rem
}

.GIf9xHwpzxlxHcDyE8sCn ._172XrbegThYDU7WfEHTUpM li {
    position: relative;
    padding: .5rem 0
}

.GIf9xHwpzxlxHcDyE8sCn ._172XrbegThYDU7WfEHTUpM li a {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.GIf9xHwpzxlxHcDyE8sCn ._172XrbegThYDU7WfEHTUpM li:before {
    position: absolute;
    top: 17px;
    left: -1rem;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-left: -4px;
    background: var(--disable-text-color);
    content: " "
}

.GIf9xHwpzxlxHcDyE8sCn ._172XrbegThYDU7WfEHTUpM li:hover,
.GIf9xHwpzxlxHcDyE8sCn ._172XrbegThYDU7WfEHTUpM li:hover .JxUmPoeJKqnfS58GvD3vz,
.GIf9xHwpzxlxHcDyE8sCn ._172XrbegThYDU7WfEHTUpM li:hover .OTAyqb_MWljCg91UnBG5u {
    color: var(--primary-color)
}

.GIf9xHwpzxlxHcDyE8sCn ._172XrbegThYDU7WfEHTUpM li:hover:before {
    background-color: var(--primary-color)
}

.GIf9xHwpzxlxHcDyE8sCn ._172XrbegThYDU7WfEHTUpM .JxUmPoeJKqnfS58GvD3vz {
    color: var(--main-text-color);
    overflow: hidden;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.GIf9xHwpzxlxHcDyE8sCn ._172XrbegThYDU7WfEHTUpM h3 {
    color: var(--second-text-color)
}

.GIf9xHwpzxlxHcDyE8sCn ._172XrbegThYDU7WfEHTUpM .OTAyqb_MWljCg91UnBG5u {
    padding-right: 1em;
    margin: 0;
    color: var(--second-text-color);
    font-size: .8rem
}

.ant-carousel {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.ant-carousel .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.ant-carousel .slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.ant-carousel .slick-list:focus {
    outline: none
}

.ant-carousel .slick-list.dragging {
    cursor: pointer
}

.ant-carousel .slick-list .slick-slide {
    pointer-events: none
}

.ant-carousel .slick-list .slick-slide input.ant-checkbox-input,
.ant-carousel .slick-list .slick-slide input.ant-radio-input {
    visibility: hidden
}

.ant-carousel .slick-list .slick-slide.slick-active {
    pointer-events: auto
}

.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input {
    visibility: visible
}

.ant-carousel .slick-list .slick-slide>div>div {
    vertical-align: bottom
}

.ant-carousel .slick-slider .slick-list,
.ant-carousel .slick-slider .slick-track {
    transform: translateZ(0);
    touch-action: pan-y
}

.ant-carousel .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.ant-carousel .slick-track:after,
.ant-carousel .slick-track:before {
    display: table;
    content: ""
}

.ant-carousel .slick-track:after {
    clear: both
}

.slick-loading .ant-carousel .slick-track {
    visibility: hidden
}

.ant-carousel .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.ant-carousel .slick-slide img {
    display: block
}

.ant-carousel .slick-slide.slick-loading img {
    display: none
}

.ant-carousel .slick-slide.dragging img {
    pointer-events: none
}

.ant-carousel .slick-initialized .slick-slide {
    display: block
}

.ant-carousel .slick-loading .slick-slide {
    visibility: hidden
}

.ant-carousel .slick-vertical .slick-slide {
    display: block;
    height: auto
}

.ant-carousel .slick-arrow.slick-hidden {
    display: none
}

.ant-carousel .slick-next,
.ant-carousel .slick-prev {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    border: 0;
    cursor: pointer
}

.ant-carousel .slick-next,
.ant-carousel .slick-next:focus,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-prev:hover {
    color: transparent;
    background: transparent;
    outline: none
}

.ant-carousel .slick-next:focus:before,
.ant-carousel .slick-next:hover:before,
.ant-carousel .slick-prev:focus:before,
.ant-carousel .slick-prev:hover:before {
    opacity: 1
}

.ant-carousel .slick-next.slick-disabled:before,
.ant-carousel .slick-prev.slick-disabled:before {
    opacity: .25
}

.ant-carousel .slick-prev {
    left: -25px
}

.ant-carousel .slick-prev:before {
    content: "\2190"
}

.ant-carousel .slick-next {
    right: -25px
}

.ant-carousel .slick-next:before {
    content: "\2192"
}

.ant-carousel .slick-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex !important;
    justify-content: center;
    margin-right: 15%;
    margin-left: 15%;
    padding-left: 0;
    list-style: none
}

.ant-carousel .slick-dots-bottom {
    bottom: 12px
}

.ant-carousel .slick-dots-top {
    top: 12px;
    bottom: auto
}

.ant-carousel .slick-dots li {
    position: relative;
    display: inline-block;
    flex: 0 1 auto;
    box-sizing: content-box;
    width: 16px;
    height: 3px;
    margin: 0 3px;
    padding: 0;
    text-align: center;
    text-indent: -999px;
    vertical-align: top;
    transition: all .5s
}

.ant-carousel .slick-dots li button {
    display: block;
    width: 100%;
    height: 3px;
    padding: 0;
    color: transparent;
    font-size: 0;
    background: #fff;
    border: 0;
    border-radius: 1px;
    outline: none;
    cursor: pointer;
    opacity: .3;
    transition: all .5s
}

.ant-carousel .slick-dots li button:focus,
.ant-carousel .slick-dots li button:hover {
    opacity: .75
}

.ant-carousel .slick-dots li.slick-active {
    width: 24px
}

.ant-carousel .slick-dots li.slick-active button {
    background: #fff;
    opacity: 1
}

.ant-carousel .slick-dots li.slick-active:focus,
.ant-carousel .slick-dots li.slick-active:hover {
    opacity: 1
}

.ant-carousel-vertical .slick-dots {
    top: 50%;
    bottom: auto;
    flex-direction: column;
    width: 3px;
    height: auto;
    margin: 0;
    transform: translateY(-50%)
}

.ant-carousel-vertical .slick-dots-left {
    right: auto;
    left: 12px
}

.ant-carousel-vertical .slick-dots-right {
    right: 12px;
    left: auto
}

.ant-carousel-vertical .slick-dots li {
    width: 3px;
    height: 16px;
    margin: 4px 2px;
    vertical-align: baseline
}

.ant-carousel-vertical .slick-dots li button {
    width: 3px;
    height: 16px
}

.ant-carousel-vertical .slick-dots li.slick-active,
.ant-carousel-vertical .slick-dots li.slick-active button {
    width: 3px;
    height: 24px
}

.ant-carousel-rtl {
    direction: rtl
}

.ant-carousel-rtl .ant-carousel .slick-track {
    right: 0;
    left: auto
}

.ant-carousel-rtl .ant-carousel .slick-prev {
    right: -25px;
    left: auto
}

.ant-carousel-rtl .ant-carousel .slick-prev:before {
    content: "\2192"
}

.ant-carousel-rtl .ant-carousel .slick-next {
    right: auto;
    left: -25px
}

.ant-carousel-rtl .ant-carousel .slick-next:before {
    content: "\2190"
}

.ant-carousel-rtl.ant-carousel .slick-dots {
    flex-direction: row-reverse
}

.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
    flex-direction: column
}

._3SL8bXyPeDS8XR5EoRJ31s {
    padding: 20px 0;
    border-top: 1px solid var(--border-color);
    color: #c1bdbd;
    background: var(--bg-footer);
    text-align: center
}

ul._1-uVZKG0Zi-XehmZOgdOtA {
    display: inline-flex;
    flex-wrap: nowrap;
    margin: 8px 0 16px
}

ul._1-uVZKG0Zi-XehmZOgdOtA li {
    display: inline-block;
    border-radius: 50%;
    margin: 0 5px;
    font-size: 24px;
    text-align: center
}

ul._1-uVZKG0Zi-XehmZOgdOtA li:first-of-type {
    margin-top: 1px
}

ul._1-uVZKG0Zi-XehmZOgdOtA li:hover {
    color: var(--main-text-color)
}

._2KuyeuhURuEtdsOPRH7xZB {
    font-size: 10px;
    line-height: 15px
}

._oU_ibYFSP27GhOy5w0XY {
    height: 100vh;
    min-height: 100vh
}

._oU_ibYFSP27GhOy5w0XY>main {
    min-height: calc(100% - 64px)
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    color: #383a42;
    background: #fafafa
}

.hljs-comment,
.hljs-quote {
    color: #a0a1a7;
    font-style: italic
}

.hljs-doctag,
.hljs-formula,
.hljs-keyword {
    color: #a626a4
}

.hljs-deletion,
.hljs-name,
.hljs-section,
.hljs-selector-tag,
.hljs-subst {
    color: #e45649
}

.hljs-literal {
    color: #0184bb
}

.hljs-addition,
.hljs-attribute,
.hljs-meta-string,
.hljs-regexp,
.hljs-string {
    color: #50a14f
}

.hljs-built_in,
.hljs-class .hljs-title {
    color: #c18401
}

.hljs-attr,
.hljs-number,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-pseudo,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
    color: #986801
}

.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-symbol,
.hljs-title {
    color: #4078f2
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.hljs-link {
    text-decoration: underline
}

/*!
 * Viewer.js v1.10.0
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-06-12T07:57:06.776Z
 */
.viewer-close:before,
.viewer-flip-horizontal:before,
.viewer-flip-vertical:before,
.viewer-fullscreen-exit:before,
.viewer-fullscreen:before,
.viewer-next:before,
.viewer-one-to-one:before,
.viewer-play:before,
.viewer-prev:before,
.viewer-reset:before,
.viewer-rotate-left:before,
.viewer-rotate-right:before,
.viewer-zoom-in:before,
.viewer-zoom-out:before {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px
}

.viewer-zoom-in:before {
    background-position: 0 0;
    content: "Zoom In"
}

.viewer-zoom-out:before {
    background-position: -20px 0;
    content: "Zoom Out"
}

.viewer-one-to-one:before {
    background-position: -40px 0;
    content: "One to One"
}

.viewer-reset:before {
    background-position: -60px 0;
    content: "Reset"
}

.viewer-prev:before {
    background-position: -80px 0;
    content: "Previous"
}

.viewer-play:before {
    background-position: -100px 0;
    content: "Play"
}

.viewer-next:before {
    background-position: -120px 0;
    content: "Next"
}

.viewer-rotate-left:before {
    background-position: -140px 0;
    content: "Rotate Left"
}

.viewer-rotate-right:before {
    background-position: -160px 0;
    content: "Rotate Right"
}

.viewer-flip-horizontal:before {
    background-position: -180px 0;
    content: "Flip Horizontal"
}

.viewer-flip-vertical:before {
    background-position: -200px 0;
    content: "Flip Vertical"
}

.viewer-fullscreen:before {
    background-position: -220px 0;
    content: "Enter Full Screen"
}

.viewer-fullscreen-exit:before {
    background-position: -240px 0;
    content: "Exit Full Screen"
}

.viewer-close:before {
    background-position: -260px 0;
    content: "Close"
}

.viewer-container {
    bottom: 0;
    direction: ltr;
    font-size: 0;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.viewer-container::-moz-selection,
.viewer-container ::-moz-selection {
    background-color: transparent
}

.viewer-container::selection,
.viewer-container ::selection {
    background-color: transparent
}

.viewer-container:focus {
    outline: 0
}

.viewer-container img {
    display: block;
    height: auto;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}

.viewer-canvas {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.viewer-canvas>img {
    height: auto;
    margin: 15px auto;
    max-width: 90% !important;
    width: auto
}

.viewer-footer {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center
}

.viewer-navbar {
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden
}

.viewer-list {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 1px 0
}

.viewer-list>li {
    color: transparent;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    opacity: .5;
    overflow: hidden;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    width: 30px
}

.viewer-list>li:focus,
.viewer-list>li:hover {
    opacity: .75
}

.viewer-list>li:focus {
    outline: 0
}

.viewer-list>li+li {
    margin-left: 1px
}

.viewer-list>.viewer-loading {
    position: relative
}

.viewer-list>.viewer-loading:after {
    border-width: 2px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px
}

.viewer-list>.viewer-active,
.viewer-list>.viewer-active:focus,
.viewer-list>.viewer-active:hover {
    opacity: 1
}

.viewer-player {
    background-color: #000;
    bottom: 0;
    cursor: none;
    display: none;
    right: 0;
    z-index: 1
}

.viewer-player,
.viewer-player>img {
    left: 0;
    position: absolute;
    top: 0
}

.viewer-toolbar>ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px
}

.viewer-toolbar>ul>li {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    cursor: pointer;
    float: left;
    height: 24px;
    overflow: hidden;
    -webkit-transition: background-color .15s;
    transition: background-color .15s;
    width: 24px
}

.viewer-toolbar>ul>li:focus,
.viewer-toolbar>ul>li:hover {
    background-color: rgba(0, 0, 0, .8)
}

.viewer-toolbar>ul>li:focus {
    -webkit-box-shadow: 0 0 3px #fff;
    box-shadow: 0 0 3px #fff;
    outline: 0;
    position: relative;
    z-index: 1
}

.viewer-toolbar>ul>li:before {
    margin: 2px
}

.viewer-toolbar>ul>li+li {
    margin-left: 1px
}

.viewer-toolbar>ul>.viewer-small {
    height: 18px;
    margin-bottom: 3px;
    margin-top: 3px;
    width: 18px
}

.viewer-toolbar>ul>.viewer-small:before {
    margin: -1px
}

.viewer-toolbar>ul>.viewer-large {
    height: 30px;
    margin-bottom: -3px;
    margin-top: -3px;
    width: 30px
}

.viewer-toolbar>ul>.viewer-large:before {
    margin: 5px
}

.viewer-tooltip {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 10px;
    color: #fff;
    display: none;
    font-size: 12px;
    height: 20px;
    left: 50%;
    line-height: 20px;
    margin-left: -25px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px
}

.viewer-title {
    color: #ccc;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    margin: 0 5% 5px;
    max-width: 90%;
    opacity: .8;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    white-space: nowrap
}

.viewer-title:hover {
    opacity: 1
}

.viewer-button {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    cursor: pointer;
    height: 80px;
    overflow: hidden;
    position: absolute;
    right: -40px;
    top: -40px;
    -webkit-transition: background-color .15s;
    transition: background-color .15s;
    width: 80px
}

.viewer-button:focus,
.viewer-button:hover {
    background-color: rgba(0, 0, 0, .8)
}

.viewer-button:focus {
    -webkit-box-shadow: 0 0 3px #fff;
    box-shadow: 0 0 3px #fff;
    outline: 0
}

.viewer-button:before {
    bottom: 15px;
    left: 15px;
    position: absolute
}

.viewer-fixed {
    position: fixed
}

.viewer-open {
    overflow: hidden
}

.viewer-show {
    display: block
}

.viewer-hide {
    display: none
}

.viewer-backdrop {
    background-color: rgba(0, 0, 0, .5)
}

.viewer-invisible {
    visibility: hidden
}

.viewer-move {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.viewer-fade {
    opacity: 0
}

.viewer-in {
    opacity: 1
}

.viewer-transition {
    -webkit-transition: all .3s;
    transition: all .3s
}

@-webkit-keyframes viewer-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes viewer-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.viewer-loading:after {
    -webkit-animation: viewer-spinner 1s linear infinite;
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid hsla(0, 0%, 100%, .1);
    border-left-color: hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1
}

@media (max-width:767px) {
    .viewer-hide-xs-down {
        display: none
    }
}

@media (max-width:991px) {
    .viewer-hide-sm-down {
        display: none
    }
}

@media (max-width:1199px) {
    .viewer-hide-md-down {
        display: none
    }
}

body {
    --primary-color: #ff0064;
    --sun-color: #eec413;
    --link-color: #4299e1;
    --border-radius: 2px;
    --bg: #fff;
    --bg-second: #fff;
    --rgb-bg-second: 255, 255, 255;
    --bg-body: #e7eaee;
    --bg-footer: #292525;
    --bg-code: #f8f8f8;
    --blockquote-color: #fff;
    --main-text-color: rgba(0, 0, 0, 0.85);
    --second-text-color: rgba(0, 0, 0, 0.65);
    --disable-text-color: rgba(0, 0, 0, 0.35);
    --border-color: #f0f2f7;
    --box-shadow: 0 1px 3px rgb(18 18 18/10%);
    --scrollbar-bg: #dadada;
    --comment-editor-border-color: #d9d9d9;
    --comment-editor-disable-bg: #f5f5f5
}

body img {
    opacity: 1
}

body.dark {
    --sun-color: #e684af;
    --bg: #282c35;
    --bg-second: #363c48;
    --rgb-bg-second: 54, 60, 72;
    --bg-body: var(--bg);
    --bg-footer: var(--bg);
    --bg-code: rgba(115, 124, 153, 0.2);
    --blockquote-color: #fff;
    --main-text-color: hsla(0, 0%, 100%, 0.85);
    --second-text-color: hsla(0, 0%, 100%, 0.65);
    --disable-text-color: hsla(0, 0%, 100%, 0.45);
    --border-color: hsla(0, 0%, 100%, 0.2);
    --box-shadow: 0 2px 15px 0 rgba(26, 26, 27, 0.637);
    --scrollbar-bg: var(--bg-second);
    --comment-editor-border-color: var(--border-color);
    --comment-editor-disable-bg: var(--border-color)
}

body.dark img {
    opacity: .75;
    transition: opacity .5s ease-in-out
}

* {
    transition: background-color .2s ease-in-out, margin .2s ease-in-out, opacity .2s ease-in-out, filter .2s ease-in-out, visibility .2s ease-in-out, transform .2s ease-in-out, border-color .2s ease-in-out
}

::-webkit-scrollbar-track {
    border-radius: 0;
    background: transparent
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    border-radius: .5rem;
    background-color: transparent;
    transition: all .2s
}

:hover::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-bg)
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: transparent
}

html {
    text-size-adjust: 100% !important;
    touch-action: manipulation
}

body {
    color: var(--main-text-color);
    background-color: var(--bg);
    overflow-x: hidden;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
    line-height: 1.75em
}

@media (max-width:768px) {
    body {
        width: 100% !important;
        padding-bottom: env(safe-area-inset-bottom)
    }
}

ul {
    padding: 0
}

p,
ul {
    list-style: none;
    margin: 0
}

a,
a:hover {
    color: inherit
}

img {
    max-width: 100%;
    height: auto
}

iframe {
    display: block;
    width: 100%;
    height: 450px;
    border: 0;
    overflow: hidden;
    clear: both;
    margin: 1rem 0
}

.container {
    margin-right: auto;
    margin-left: auto
}

@media (max-width:768px) {
    .container {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 768px) {
    .container {
        width: 768px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1140px
    }
}

.sticky {
    position: sticky;
    top: 1rem;
    margin-bottom: 1rem
}

.loading {
    padding: 2rem 0 1rem
}

.empty,
.loading {
    text-align: center
}

.empty {
    width: 100%;
    height: 60px;
    color: var(--second-text-color);
    font-size: 14px;
    line-height: 60px
}

.ant-back-top {
    bottom: 60px !important
}

.markdown {
    word-break: break-word;
    line-height: 1.75;
    font-weight: 400;
    font-size: 15px;
    overflow-x: hidden;
    letter-spacing: 1.2px;
    color: var(--main-text-color)
}

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
    line-height: 1.5;
    margin-top: 35px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    color: inherit
}

.markdown h1 {
    font-size: 30px;
    margin-bottom: 5px
}

.markdown h2 {
    padding-bottom: 12px;
    font-size: 24px;
    border-bottom: 1px solid #ececec
}

.markdown h3 {
    font-size: 18px;
    padding-bottom: 0
}

.markdown h4 {
    font-size: 16px
}

.markdown h5 {
    font-size: 15px
}

.markdown h6 {
    margin-top: 5px
}

.markdown p {
    line-height: inherit;
    margin-top: 22px;
    margin-bottom: 22px
}

.markdown img {
    max-width: 100%
}

.markdown hr {
    border: none;
    border-top: 1px solid #ddd;
    margin-top: 32px;
    margin-bottom: 32px
}

.markdown a {
    text-decoration: none;
    color: #0269c8;
    border-bottom: 1px solid #d1e9ff
}

.markdown a:active,
.markdown a:hover {
    color: #275b8c
}

.markdown blockquote {
    background-color: #f8f8f8
}

.markdown blockquote:after {
    display: block;
    content: ""
}

.markdown blockquote>p {
    margin: 10px 0
}

.markdown ul {
    list-style-type: disc
}

.markdown ul ul {
    list-style-type: square
}

.markdown ol,
.markdown ul {
    padding-left: 28px
}

.markdown ol li,
.markdown ul li {
    margin-bottom: 0;
    list-style: inherit
}

.markdown ol ol,
.markdown ol ul,
.markdown ul ol,
.markdown ul ul {
    margin-top: 3px
}

.markdown ol li {
    padding-left: 6px
}

.markdown .task-list-item {
    list-style: none;
    min-height: 22px;
    padding-left: 24px;
    border: 0;
    margin-left: -24px
}

.markdown .task-list-item>input:before {
    content: "";
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    background-color: #fff;
    transition: all .3s;
    border-collapse: separate
}

.markdown .task-list-item>input:checked:before {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.markdown .task-list-item>input:after {
    content: " ";
    position: absolute;
    left: 6.571429px;
    top: 6.142857px;
    display: table;
    width: 5.71428571px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    transform: rotate(45deg) scale(0);
    opacity: 0
}

.markdown .task-list-item>input:checked:after {
    opacity: 1;
    transform: rotate(45deg) scale(1)
}

.markdown code,
.markdown pre {
    font-family: Menlo, Monaco, Consolas, Courier New, monospace
}

.markdown code {
    display: inline;
    padding: 2px 4px;
    border-radius: 4px;
    margin: 0 2px;
    color: var(--main-text-color);
    background-color: rgba(27, 31, 35, .05);
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-all
}

.markdown pre {
    position: relative;
    max-height: 400px;
    padding-top: 30px;
    border-radius: 5px;
    margin: 10px 0;
    background-color: var(--bg-code);
    font-size: 1em
}

.markdown pre:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 30px;
    background-image: url(https://wipi.oss-cn-shanghai.aliyuncs.com/2020-07-12/97e4eed2-a992-4976-acf0-ccb6fb34d308.png);
    background-position: 10px 10px;
    background-size: 40px;
    background-repeat: no-repeat;
    content: ""
}

.markdown pre:before,
.markdown pre code {
    display: block;
    background-color: var(--bg-code)
}

.markdown pre code {
    max-height: 370px;
    padding: 9px 10px 12px;
    border-radius: 0;
    color: var(--main-text-color);
    overflow: auto;
    overscroll-behavior: contain;
    font-size: 12px;
    margin: 0;
    white-space: pre-wrap
}

pre {
    overflow: hidden
}

.markdown blockquote {
    padding: 1px 23px;
    border-left: 4px solid #cbcbcb;
    border: 1px solid var(--border-color);
    border-left: 4px solid var(--disable-text-color);
    margin: 22px 0;
    color: #666;
    background-color: var(--bg-second)
}

.markdown strong {
    font-weight: 700
}

.markdown strong:before {
    content: "\300C"
}

.markdown strong:after {
    content: "\300D"
}

.markdown p em {
    font-weight: 400
}

.markdown em {
    font-style: normal
}

.markdown em,
.markdown em strong {
    color: var(--main-text-color)
}

.markdown img {
    display: block;
    width: 100%;
    border-radius: var(--border-radius);
    margin: 20px auto;
    object-fit: contain
}

.markdown table {
    display: inline-block;
    font-size: 13px;
    width: auto;
    max-width: 100%;
    overflow: auto;
    border: 1px solid var(--border-color);
    border-collapse: collapse
}

.markdown table thead,
.markdown table tr:nth-child(2n) {
    background-color: var(--bg-code)
}

.markdown table td,
.markdown table th {
    padding: 4px 8px;
    line-height: 24px
}

.markdown code.language-ts:before {
    content: "ts"
}

.markdown code.language-js:before,
.markdown code.language-ts:before {
    position: absolute;
    top: 8px;
    right: 45px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    color: hsla(0, 0%, 54.9%, .8);
    transition: color .1s
}

.markdown code.language-js:before {
    content: "js"
}

.markdown code.language-typescript:before {
    content: "typescript"
}

.markdown code.language-javascript:before,
.markdown code.language-typescript:before {
    position: absolute;
    top: 8px;
    right: 45px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    color: hsla(0, 0%, 54.9%, .8);
    transition: color .1s
}

.markdown code.language-javascript:before {
    content: "javascript"
}

.markdown code.language-html:before {
    content: "html"
}

.markdown code.language-css:before,
.markdown code.language-html:before {
    position: absolute;
    top: 8px;
    right: 45px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    color: hsla(0, 0%, 54.9%, .8);
    transition: color .1s
}

.markdown code.language-css:before {
    content: "css"
}

.markdown code.language-php:before {
    content: "php"
}

.markdown code.language-go:before,
.markdown code.language-php:before {
    position: absolute;
    top: 8px;
    right: 45px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    color: hsla(0, 0%, 54.9%, .8);
    transition: color .1s
}

.markdown code.language-go:before {
    content: "go"
}

.markdown code.language-sql:before {
    content: "sql"
}

.markdown code.language-json:before,
.markdown code.language-sql:before {
    position: absolute;
    top: 8px;
    right: 45px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    color: hsla(0, 0%, 54.9%, .8);
    transition: color .1s
}

.markdown code.language-json:before {
    content: "json"
}

.markdown code.language-bash:before {
    content: "bash"
}

.markdown code.language-bash:before,
.markdown code.language-less:before {
    position: absolute;
    top: 8px;
    right: 45px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    color: hsla(0, 0%, 54.9%, .8);
    transition: color .1s
}

.markdown code.language-less:before {
    content: "less"
}

.markdown code.language-scss:before {
    content: "scss"
}

.markdown code.language-nginx:before,
.markdown code.language-scss:before {
    position: absolute;
    top: 8px;
    right: 45px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    color: hsla(0, 0%, 54.9%, .8);
    transition: color .1s
}

.markdown code.language-nginx:before {
    content: "nginx"
}

.markdown code.language-shell:before {
    content: "shell"
}

.markdown code.language-shell:before,
.markdown code.language-stylus:before {
    position: absolute;
    top: 8px;
    right: 45px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    color: hsla(0, 0%, 54.9%, .8);
    transition: color .1s
}

.markdown code.language-stylus:before {
    content: "stylus"
}

.markdown code.language-python:before {
    content: "python"
}

.markdown code.language-python:before,
.markdown code.language-yaml:before {
    position: absolute;
    top: 8px;
    right: 45px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    color: hsla(0, 0%, 54.9%, .8);
    transition: color .1s
}

.markdown code.language-yaml:before {
    content: "yaml"
}

.markdown code.language-yml:before {
    content: "yml"
}

.markdown code.language-lua:before,
.markdown code.language-yml:before {
    position: absolute;
    top: 8px;
    right: 45px;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    color: hsla(0, 0%, 54.9%, .8);
    transition: color .1s
}

.markdown code.language-lua:before {
    content: "lua"
}

._3hddbH_G4SAdLwXVCERQY7 {
    border-radius: var(--border-radius);
    margin-bottom: 1.3rem;
    background-color: var(--bg-second);
    box-shadow: var(--box-shadow);
    line-height: 1.29
}

._3hddbH_G4SAdLwXVCERQY7 .ZkMDU4OFJElCj5-UMc-Ae {
    padding: 1rem;
    border-bottom: 1px solid var(--border-color);
    color: var(--main-text-color);
    font-weight: 700
}

._3hddbH_G4SAdLwXVCERQY7 ul {
    padding: 1rem
}

._3hddbH_G4SAdLwXVCERQY7 li {
    display: inline-block;
    padding: 2px 7px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    margin: 0 7px 7px 0;
    color: var(--second-text-color);
    line-height: 1.5em;
    transition: all .2s ease-in-out
}

._3hddbH_G4SAdLwXVCERQY7 li:hover {
    border: 1px solid var(--primary-color);
    color: var(--primary-color)
}

._3hddbH_G4SAdLwXVCERQY7 li.YiQnKctwgHBQ76aj5NYkL {
    border: 1px solid var(--primary-color);
    color: #fff;
    background-color: var(--primary-color)
}

._2Hd8zEcziBM7ha94rrqZjG {
    background: var(--bg-second);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius)
}

._2Hd8zEcziBM7ha94rrqZjG>div {
    font-size: 0 !important
}

._2Hd8zEcziBM7ha94rrqZjG ._1bgemk2blh9CsmBQpki0bw {
    position: relative;
    display: flex;
    width: 100%;
    height: 316px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden
}

._2Hd8zEcziBM7ha94rrqZjG ._1bgemk2blh9CsmBQpki0bw img {
    width: 100%
}

._2Hd8zEcziBM7ha94rrqZjG ._1bgemk2blh9CsmBQpki0bw ._2diD8j_M3GYmD7Z8sbdugl {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: rgba(0, 0, 0, .35);
    z-index: 1;
    font-size: 1rem
}

._2Hd8zEcziBM7ha94rrqZjG ._1bgemk2blh9CsmBQpki0bw ._2diD8j_M3GYmD7Z8sbdugl h2 {
    color: inherit;
    text-align: center
}

._2Hd8zEcziBM7ha94rrqZjG ._1bgemk2blh9CsmBQpki0bw ._2diD8j_M3GYmD7Z8sbdugl ._2Ntia1kMYOAiuHgvb4eUCM {
    margin: 0 4px
}

._2Hd8zEcziBM7ha94rrqZjG ._1bgemk2blh9CsmBQpki0bw ._2diD8j_M3GYmD7Z8sbdugl .pxNTIWNRYgOY-faenZ4Cr {
    text-align: right
}

@media (max-width:768px) {
    ._2Hd8zEcziBM7ha94rrqZjG ._1bgemk2blh9CsmBQpki0bw {
        height: 170px
    }
}

._2Krt1QRYvgWTj-Vtnc45_w {
    height: 100%;
    background: var(--bg-body);
    display: flex;
    flex-direction: column
}

._1KpaT2l17dJ7qjYxkepmHq {
    padding: 16px 0;
    margin-bottom: 1rem;
    background: var(--bg-second);
    text-align: center;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow)
}

._1KpaT2l17dJ7qjYxkepmHq i {
    color: var(--disable-text-color);
    font-size: 2.5rem
}

._1KpaT2l17dJ7qjYxkepmHq p {
    margin-bottom: 0
}

._1KpaT2l17dJ7qjYxkepmHq p:first-of-type {
    margin-top: .5rem
}

._1KpaT2l17dJ7qjYxkepmHq p:first-of-type span {
    color: var(--primary-color);
    font-size: 1.5rem
}

._1KpaT2l17dJ7qjYxkepmHq p:last-of-type span {
    color: var(--primary-color);
    font-size: 1.1rem
}

.S1QIRd9Cw-mUUdVOWtLmH {
    background: var(--bg-second);
    margin-bottom: 1rem;
    padding: .5rem
}

._1rLpyiQ0A_8hxxqRAIg_Ct,
.S1QIRd9Cw-mUUdVOWtLmH {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow)
}

._1rLpyiQ0A_8hxxqRAIg_Ct>header {
    padding: 1rem;
    background: var(--bg-second);
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    border-bottom: 1px solid var(--border-color)
}

._1rLpyiQ0A_8hxxqRAIg_Ct>header a {
    padding: 0 12px
}

._1rLpyiQ0A_8hxxqRAIg_Ct>header a:first-of-type {
    padding-left: 0
}

._1rLpyiQ0A_8hxxqRAIg_Ct>header a.TGDQdStgxXvGaCMCowor7,
._1rLpyiQ0A_8hxxqRAIg_Ct>header a:hover {
    color: var(--primary-color)
}

._1rLpyiQ0A_8hxxqRAIg_Ct>main>div>div {
    border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
    box-shadow: none !important
}